.treeview, .treeview ul {
	padding: 0;
	margin: 4px;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li {
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { cursor: pointer; }

.treeview li { background: url(images/treeview-default-line.gif) 0 0 no-repeat; clear: both;}
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview-default.gif); }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview .placeholder {
	background: url(images/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block; 
}

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file, .filetree span.source, .filetree span.output, .filetree span.transform, .filetree span.link { padding: 1px 0 1px 16px; display: block; min-height:16px;}
.filetree span.folder { background: url(images/folder.png) 0 0 no-repeat; }
.filetree span.source { background: url(images/source-net.png) 0 0 no-repeat; }
.filetree span.output { background: url(images/output.png) 0 0 no-repeat; }
.filetree span.transform { background: url(images/link-arrow.png) 0 0 no-repeat; }
.filetree span.link { background: url(images/link-arrow.png) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(images/folder-closed.png) 0 0 no-repeat; }
.filetree span.file { background: url(images/file-tag.png) 0 0 no-repeat; }

/* action icons */
button.action {  margin:0 0 0 2px; font-size: 0.7em; padding:0; text-decoration:none; float:left; font-weight:normal;}
/* hack jQuery ui button style  */
div.actions .ui-button-text { margin: 0 0 0 2px; padding: .1em 1em .2em 1.9em !important ;}
div.actions .ui-state-default { background: white !important ; text-decoration:none !important ; }
/* workaround - firefox keeps button on ui-state-focus - see https://www.assembla.com/spaces/silk/tickets/62-wrong-focus-on-treeview-action-buttons */
div.actions .ui-state-focus  { background: white  !important ; text-decoration:none !important ; border: 1px solid #D3D3D3 !important; color: #555555 !important; }
div.actions .ui-state-focus .ui-icon {background-image: url("../smoothness/images/ui-icons_888888_256x240.png") !important;}
div.actions .ui-state-focus:hover  { background: white !important ; text-decoration:none !important; border: 1px solid #999999 !important; color: #212121 !important; }
div.actions .ui-state-focus:hover .ui-icon {background-image: url("../smoothness/images/ui-icons_454545_256x240.png") !important;}

.active .label { color: #cc3333;}
span.label {float:left; cursor:pointer; margin-right: 5px; display:block; }

div#root-folder {background: url(images/folders.png) 0 0 no-repeat; float:left;height: 16px;width: 16px; display: block; margin-left:3px; }

/* dialogs */
.ui-dialog td {border:0; }
.ui-dialog td input, select {margin-left: 15px;}
.ac_input {margin-left: 0px !important; margin-right: 5px;}

/* loading bar */
/* .ui-progressbar-value { background-image: url(images/pbar-ani.gif); } */
